<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <title>clunch.js - bug修复测试</title>
    <script src="../dist/clunch-template.js"></script>
    <link rel="shortcut icon" href="../clunch.png">
    <style>
        #root {
            width: 1px;
            height: 1px;
        }
    </style>
</head>

<body>

    <div id="root">
        <circle :cx='_width*0.5' :cy='_height*0.5' :radius='_min*0.5'></circle>

        <!-- 分别表示：圆心坐标、内外半径和跨越弧度 -->
        <!-- <arc :cx='_width*0.5' :cy='_height*0.5' :radius1='flag' :radius2='flag+100' deg='200deg'></arc> -->

    </div>

    <script>

        var clunch = new Clunch({
            el: document.getElementById('root'),
            data: function () {
                return {
                    flag: 20
                }
            },
            resized: function () {
                // console.log(document.getElementById('root'));
            },
            beforeResize: function () {
                console.log(document.getElementById('root'));
                console.log(clunch);
            }
        });

        // setTimeout(function () {

        //     var root = document.getElementById('root')

        //     // 删除dom
        //     root.remove();

        //     setTimeout(function () {
        //         // 修改数据触发更新
        //         clunch.flag = 50;
        //     }, 500)

        // }, 500);

    </script>

</body>

</html>
